<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘宝网-讨你喜欢</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="box">
    <header>
        <div class="container clearfix">
           <div class="header-left left">
               <img src="images/logo.png" alt="">
           </div>
           <div class="header-right right">
               <span id="btn">换一换</span>
               <a href=""><span>更多></span></a>
           </div>
        </div>
    </header>

    <main>
        <div class="container clearfix" id="list">


            <!--<a class="m-1 clearfix left">-->
                <!--<div class="m-left left">-->
                    <!--<img src="images/1.webp" alt="">-->
                <!--</div>-->
                <!--<div class="m-right right">-->
                    <!--<h4>酵母祛角质啫喱 温和去角质</h4>-->
                    <!--<span class="sp1">买一送一送同款</span>-->
                    <!--<div class="progress">-->
                        <!--<div class="progress-bar" style="width: 4%"></div>-->
                    <!--</div>-->
                    <!--<div class="desc clearfix">-->
                        <!--<span class="percentage left">2%</span>-->
                        <!--<span class="letter right">已抢134件</span>-->
                    <!--</div>-->
                    <!--<div class="price">-->
                        <!--<span class="sp2">￥</span>-->
                        <!--<span class="sp3">59</span>-->
                        <!--<del><span>￥98.00</span></del>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</a>-->


        </div>
    </main>
</div>


<script src="js/script.js"></script>
</body>
</html>